<!DOCTYPE html>
<style>
#target::-webkit-scrollbar {
  display: none;
}
</style>
<script src="resources/text-based-repaint.js"></script>
<!-- Tests that a floating descendant gets correctly re-painted after
    being scrolled offscreen and back. -->
<div id="target" style="height:300px; overflow:scroll; isolation: isolate;">
    <table>
        <td>
            <input size="8" style="float: left;">
        </td>
    </table>
    <div style="width: 100px; height: 1000px"></div>
</div>
<script>
testIsAsync = true;
function repaintTest() {
    target.scrollTop = 300;
    requestAnimationFrame(() => requestAnimationFrame(() => {
        target.scrollTop = 0;
        finishRepaintTest();
    }));
}
onload = runRepaintAndPixelTest;
</script>
